/**
 * 1.第一次打包测试代码
 * */
// console.log(123);

/**
 * 2.css使用测试代码
 */
// import "./index.css";
// import "./index.less";
// import "./index.scss";

/**
 * 3.测试 babel 将 ES6 代码转换为 ES5 代码
 * */
// let obj = {
//   name: "张三",
//   age: 18,
// };

// let { name, age } = obj;
// console.log(name, age);

/**
 * 4.图片处理 asset选项测试代码
 * */
// let imgPng = require("./images/baidu.png");
// let imgJpg = require("./images/hao123.jpg");
// let imgBmp = require("./images/360.bmp");
// let imgSvg = require("./images/google.svg");

// let image = document.createElement("img");
// image.src = imgPng;
// console.log(image, "png");

// image.src = imgJpg;
// console.log(image, "jpg");

// image.src = imgBmp;
// console.log(image, "bmp");

// image.src = imgSvg;
// console.log(image, "svg");

/**
 * 5.响应式图片测试代码
 */
// import bgPng from "./images/bg.png?sizes[]=375,sizes[]=768,sizes[]=1024";
// console.log(bgPng, "bgPng");
// let image = new Image();
// // let image = document.createElement("img");
// image.srcset = bgPng.srcSet;
// image.sizes = `(min-width: 768) 768px,100vw`; // 屏幕宽度大于768px，则使用768px图片，并且图片宽度是屏幕的可视区域宽度
// document.body.appendChild(image);

/**
 * 6.雪碧图测试代码
 */
import "./icon.less";
let img1 = document.createElement("img");
img1.classList.add("icon-baidu");
document.body.appendChild(img1);

let img2 = document.createElement("img");
img2.classList.add("icon-hao123");
document.body.appendChild(img2);

let img3 = document.createElement("img");
img3.classList.add("icon-360");
document.body.appendChild(img3);
